export default [
  {
    path: '/',
    name: 'Home',
    component: () => import('../views/home/HomePage.vue')
  },
  {
    path: '/auth',
    children: [
      {
        path: 'login',
        name: 'Login',
        component: () => import('../views/auth/LoginPage.vue')
      },
      {
        path: 'register',
        name: 'Register',
        component: () => import('../views/auth/RegisterPage.vue')
      },
      {
        path: 'forgot',
        name: 'Forgot',
        component: () => import('../views/auth/ForgotPassword.vue')
      }
    ]
  },
  {
    path: '/lobby',
    name: 'Lobby',
    component: () => import('../views/lobby/LobbyPage.vue')
  },
  {
    path: '/room/:id',
    name: 'Room',
    component: () => import('../views/lobby/RoomPage.vue')
  },
  {
    path: '/game/:id',
    name: 'Game',
    component: () => import('../views/game/GamePage.vue')
  },
  {
    path: '/line-drawing-game/:gameId',
    name: 'LineDrawingGame',
    component: () => import('../views/LineDrawingGame.vue'),
    props: route => ({
      gameId: route.params.gameId,
      playerId: route.query.playerId,
      playerName: route.query.playerName
    })
  },
  {
    path: '/game-result/:id',
    name: 'GameResult',
    component: () => import('../views/game/GameResultPage.vue')
  },
  {
    path: '/profile',
    name: 'Profile',
    component: () => import('../views/profile/Profile.vue')
  },
  {
    path: '/ranking',
    name: 'Ranking',
    component: () => import('../views/ranking/Ranking.vue')
  }
]